@mixin flex-center {
  display: flex;
  align-items: center;
}
.userCard {
  padding: 8px 12px;
  @include flex-center;
  justify-content: space-between;
  overflow: hidden;

  .userInfo {
    flex: 1;
    margin-left: 12px;
    overflow: hidden;

    .name {
      font-size: 16px;
      font-weight: 600;
      @include flex-center;
      &SmallStyle {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
      }
    }

    .bio {
      margin-top: 4px;
      color: var(--text-color2);
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}
